<!DOCTYPE html>
<html lang="en">
  <head>
    <!-- Meta, title, CSS, favicons, etc. -->
    {% include header.html %}
  </head>
  <body data-spy="scroll" data-target=".bs-sidebar">
    <a id="skippy" class="sr-only sr-only-focusable" href="#content"><div class="container"><span class="skiplink-text">Skip to main content</span></div></a>
    <a href="http://blog.getbootstrap.com/2015/08/19/bootstrap-4-alpha/" class="v4-tease">Aww yeah, Bootstrap 4 is coming!</a>

    <!-- Docs master nav -->
    {% include nav/main.html %}

    <!-- Docs page layout -->
    <div class="bs-docs-header" id="content" tabindex="-1" role="banner">
      <div class="container">
        <h1>{{ page.title }}</h1>
        <p>{{ page.lead }}</p>
      </div>
    </div>

    <div class="container bs-docs-container">
      <div class="col-lg-12">
       {{# content }}
      </div>
      <br>
      <p class="lead">
        TODC Bootstrap does not have a customizer. Get the <a href="{{ site.repo }}/releases">compiled CSS and JavaScript</a>.
        <br>
        You may customize Bootstrap by visiting the <a href="http://twbs.github.io/bootstrap/customize/" target="_blank">Bootstrap customizer</a>.
      </p>
    </div>

    {% include footer.html %}
  </body>
</html>
